<template>
    <div>
      <Header></Header>
      <div class="crumb">
        <div class="w">
          <div class="crumb-con">
            <a class="link" href="./index.html">睿购商城</a>
            <span>&gt;</span>
            <span class="link-text">订单支付</span>
          </div>
        </div>
      </div>
      <div class="pay-wrap w">
        <p class="pay-tips">订单提交成功，请您尽快支付！ 订单号：2344326331552234</p>
        <p class="pay-tips enhance">请使用微信扫描如下二维码进行支付：</p>
        <div class="img-con">
          <img class="qr-code" src="../assets/zhifu.jpg">
        </div>
      </div>
    </div>
</template>

<script>
    import Header from "../components/Header";
    export default {
        name: "Payment",
        components: {Header},
        data () {
          return {
            payment: '',
            order_no: ''
          }
        },
        created() {
          this.payment = this.$route.query.payment;
          this.order_no = this.$route.query.orderId;
          console.log("order_no"+order_no);
        }
    }
</script>

<style scoped>
  .pay-wrap{
    padding: 10px 0 25px 0;
    background: #fff;
  }
  .pay-tips{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-align: center;
  }
  .pay-tips.enhance{
    color: #FF8800;
  }
  .img-con{
    margin: 0 auto;
    width: 300px;
    height: 300px;
    background: #fff;
    border: 1px solid #ddd;
  }
  .img-con .qr-code{
    width: 100%;
    height: 100%;
  }
</style>
